<template>
<div class="out-sc">
  <img src="../images/Banner_2x.jpg" class="banner-img">
  <div class="express-result-out flex-and-center">
    <div class="content-sc">
      <p class="tt">申领成功！</p>
      <p class="sign">体验装将通过快递寄送给你</p>
    </div>
  </div>
  <div class="foot-tag">
    如有问题，欢迎拨打客服热线 <a href="tel:4009-555-888">4009-555-888</a>
  </div>
</div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.out-sc {
    height: 100%;
    position: relative;

    .express-result-out {
        height: calc(100% - 300px);
    }

    .banner-img {
        height: 300px;
        width: auto;
        margin: 0 auto;
    }

    .foot-tag {
        position: absolute;
        width: 100%;
        bottom: 30px;
        font-size: 12px;
        color: #666;
        text-align: center;
        > a {
            color: #666;
            line-height: 1;
            display: inline-block;
            border-bottom: 1px solid #666;
        }
    }

    .content-sc {
        margin: 0 auto;
    }

    p {
        text-align: center;
    }

    .tt {
        font-size: 21px;
        color: #000;
        margin-bottom: 14px;
    }
    .sign {
        font-size: 14px;
        color: #666;
    }
}
</style>
